Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

chore: migrate from nx 13 to 15.6.3 #27885

Merged
merged 7 commits into from
May 29, 2023

Conversation

Hotell
Copy link
Contributor

@Hotell Hotell commented May 17, 2023

New Behavior

💡 NOTES:

  • migrations applied via automation -> yarn nx migrate --runMigrations
  • needed to bump through 2 major versions, as latest v14 got workspace-generator bug that was blocking our work
  • not bumping to latest v15, as after 15.6.3 every project will migrate to per library project.json - this will be separate PR
  • v15 exposes more robust typescript parsing to construct dependency tree. This exposed more issues within tools/ which needed move to physical files templates ( a generic getTemplate helper was implemented for this use-case )

packages migration:

v14,15 wanted to bump following deps, which I opted out (will be done separately/as our monorepo allows it)

v14 migrates to jest 28 as well ( we already use it so no changes needed )

scaffold migrations:

  • v14 enables typescript files for jest configuration. this was applied only on projects that use nx executors. later on we will migrate whole monorepo to this approach
  • v15 adds namedInputs for improved caching control (configured within nx.json)

api migrations:

for generators testing helpers there is now a new createTreeWithEmptyWorkspace() helper that doesn't use workspace.json rather project.json per library. nx migrated our code to use createTreeWithEmptyV1Workspace which uses old behaviour - in nx >15.6.3 this will be removed and our repo will be adjusted accordingly

Related Issue(s)

@codesandbox-ci
Copy link

codesandbox-ci bot commented May 17, 2023

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit c34ff8e:

Sandbox Source
@fluentui/react 8 starter Configuration
@fluentui/react-components 9 starter Configuration

@size-auditor
Copy link

size-auditor bot commented May 17, 2023

Asset size changes

Project Bundle Baseline Size New Size Difference
office-ui-fabric-react fluentui-react-Pickers 280.499 kB 281.948 kB ExceedsTolerance     1.449 kB
office-ui-fabric-react fluentui-react-Dialog 199.166 kB 200.524 kB ExceedsTolerance     1.358 kB
office-ui-fabric-react fluentui-react-Dropdown 221.056 kB 222.386 kB ExceedsTolerance     1.33 kB
office-ui-fabric-react fluentui-react-FloatingPicker 230.532 kB 231.854 kB ExceedsTolerance     1.322 kB
office-ui-fabric-react fluentui-react-Facepile 200.245 kB 201.566 kB ExceedsTolerance     1.321 kB
office-ui-fabric-react fluentui-react-CommandBar 191.418 kB 192.728 kB ExceedsTolerance     1.31 kB
office-ui-fabric-react fluentui-react-SearchBox 177.483 kB 178.791 kB ExceedsTolerance     1.308 kB
office-ui-fabric-react fluentui-react-Breadcrumb 190.387 kB 191.695 kB ExceedsTolerance     1.308 kB
office-ui-fabric-react fluentui-react-ComboBox 238.373 kB 239.678 kB ExceedsTolerance     1.305 kB
office-ui-fabric-react fluentui-react-TimePicker 228.514 kB 229.811 kB ExceedsTolerance     1.297 kB
office-ui-fabric-react fluentui-react-MessageBar 178.787 kB 180.082 kB ExceedsTolerance     1.295 kB
office-ui-fabric-react fluentui-react-ButtonGrid 170.512 kB 171.807 kB ExceedsTolerance     1.295 kB
office-ui-fabric-react fluentui-react-Grid 170.512 kB 171.807 kB ExceedsTolerance     1.295 kB
office-ui-fabric-react fluentui-react-TeachingBubble 194.042 kB 195.32 kB ExceedsTolerance     1.278 kB
office-ui-fabric-react fluentui-react-SwatchColorPicker 180.204 kB 181.48 kB ExceedsTolerance     1.276 kB
office-ui-fabric-react fluentui-react-SpinButton 181.228 kB 182.501 kB ExceedsTolerance     1.273 kB
office-ui-fabric-react fluentui-react-SelectedItemsList 220.976 kB 222.246 kB ExceedsTolerance     1.27 kB
office-ui-fabric-react fluentui-react-DocumentCard 205.208 kB 206.458 kB ExceedsTolerance     1.25 kB
office-ui-fabric-react fluentui-react-Pivot 178.755 kB 180.001 kB ExceedsTolerance     1.246 kB
office-ui-fabric-react fluentui-react-Nav 177.821 kB 179.062 kB ExceedsTolerance     1.241 kB
office-ui-fabric-react fluentui-react-Panel 188.843 kB 190.076 kB ExceedsTolerance     1.233 kB
office-ui-fabric-react fluentui-react-Button 184.699 kB 185.92 kB ExceedsTolerance     1.221 kB
office-ui-fabric-react fluentui-react-DatePicker 175.711 kB 176.707 kB ExceedsBaseline     996 bytes
office-ui-fabric-react fluentui-react-ContextualMenu 145.771 kB 146.597 kB ExceedsBaseline     826 bytes
office-ui-fabric-react fluentui-react-Calendar 116.606 kB 117.254 kB ExceedsBaseline     648 bytes
office-ui-fabric-react fluentui-react-WeeklyDayPicker 96.968 kB 97.541 kB ExceedsBaseline     573 bytes
office-ui-fabric-react fluentui-react-Coachmark 86.775 kB 87.185 kB ExceedsBaseline     410 bytes
office-ui-fabric-react fluentui-react-KeytipLayer 96.617 kB 97 kB ExceedsBaseline     383 bytes
office-ui-fabric-react fluentui-react-Keytips 99.354 kB 99.727 kB ExceedsBaseline     373 bytes
office-ui-fabric-react fluentui-react-Persona 108.305 kB 108.674 kB ExceedsBaseline     369 bytes
office-ui-fabric-react fluentui-react-PersonaCoin 108.305 kB 108.674 kB ExceedsBaseline     369 bytes
office-ui-fabric-react fluentui-react-HoverCard 90.609 kB 90.977 kB ExceedsBaseline     368 bytes
office-ui-fabric-react fluentui-react-PositioningContainer 68.335 kB 68.696 kB ExceedsBaseline     361 bytes
office-ui-fabric-react fluentui-react-Tooltip 80.891 kB 81.244 kB ExceedsBaseline     353 bytes
office-ui-fabric-react fluentui-react-ColorPicker 126.086 kB 126.403 kB ExceedsBaseline     317 bytes
office-ui-fabric-react fluentui-react-Keytip 75.44 kB 75.748 kB ExceedsBaseline     308 bytes
office-ui-fabric-react fluentui-react-Positioning 20.826 kB 21.023 kB ExceedsBaseline     197 bytes
office-ui-fabric-react fluentui-react-northstar-Avatar 83.296 kB 83.345 kB ExceedsBaseline     49 bytes
office-ui-fabric-react fluentui-react-northstar-Status 79.159 kB 79.2 kB ExceedsBaseline     41 bytes
office-ui-fabric-react fluentui-react-northstar-Box 77.95 kB 77.99 kB ExceedsBaseline     40 bytes
office-ui-fabric-react fluentui-react-northstar-Divider 79.39 kB 79.43 kB ExceedsBaseline     40 bytes
office-ui-fabric-react fluentui-react-northstar-Card 85.914 kB 85.947 kB ExceedsBaseline     33 bytes
office-ui-fabric-react fluentui-react-northstar-Breadcrumb 82.948 kB 82.98 kB ExceedsBaseline     32 bytes
office-ui-fabric-react fluentui-react-northstar-Label 80.788 kB 80.82 kB ExceedsBaseline     32 bytes
office-ui-fabric-react fluentui-react-northstar-Image 76.144 kB 76.175 kB ExceedsBaseline     31 bytes
office-ui-fabric-react fluentui-react-northstar-Tooltip 112.086 kB 112.116 kB ExceedsBaseline     30 bytes
office-ui-fabric-react fluentui-react-northstar-Skeleton 80.446 kB 80.476 kB ExceedsBaseline     30 bytes
office-ui-fabric-react fluentui-react-northstar-Header 77.435 kB 77.464 kB ExceedsBaseline     29 bytes
office-ui-fabric-react fluentui-react-northstar-Text 76.742 kB 76.771 kB ExceedsBaseline     29 bytes
office-ui-fabric-react fluentui-react-northstar-Video 78.175 kB 78.203 kB ExceedsBaseline     28 bytes
office-ui-fabric-react fluentui-react-northstar-TextArea 76.871 kB 76.899 kB ExceedsBaseline     28 bytes
office-ui-fabric-react fluentui-react-northstar-Segment 78.971 kB 78.999 kB ExceedsBaseline     28 bytes
office-ui-fabric-react fluentui-react-northstar-Grid 72.882 kB 72.907 kB ExceedsBaseline     25 bytes
office-ui-fabric-react fluentui-react-northstar-Embed 84.764 kB 84.786 kB ExceedsBaseline     22 bytes
office-ui-fabric-react fluentui-react-northstar-Input 91.728 kB 91.749 kB ExceedsBaseline     21 bytes
office-ui-fabric-react fluentui-react-northstar-Button 86.429 kB 86.449 kB ExceedsBaseline     20 bytes
office-ui-fabric-react fluentui-react-Theme 41.491 kB 41.509 kB ExceedsBaseline     18 bytes
office-ui-fabric-react fluentui-react-northstar-Loader 81.578 kB 81.595 kB ExceedsBaseline     17 bytes
office-ui-fabric-react fluentui-react-northstar-Form 96.155 kB 96.17 kB ExceedsBaseline     15 bytes
office-ui-fabric-react fluentui-react-northstar-Animation 56.773 kB 56.787 kB ExceedsBaseline     14 bytes
office-ui-fabric-react fluentui-react-northstar-Flex 48.872 kB 48.886 kB ExceedsBaseline     14 bytes
office-ui-fabric-react fluentui-react-northstar-SvgIcon 37.677 kB 37.691 kB ExceedsBaseline     14 bytes
office-ui-fabric-react fluentui-react-northstar-Slider 87.912 kB 87.925 kB ExceedsBaseline     13 bytes
office-ui-fabric-react fluentui-react-northstar-Pill 86.882 kB 86.895 kB ExceedsBaseline     13 bytes
office-ui-fabric-react fluentui-react-Color 7.438 kB 7.45 kB ExceedsBaseline     12 bytes
office-ui-fabric-react fluentui-react-northstar-Reaction 80.164 kB 80.176 kB ExceedsBaseline     12 bytes
office-ui-fabric-react fluentui-react-ThemeGenerator 12.059 kB 12.066 kB ExceedsBaseline     7 bytes
office-ui-fabric-react fluentui-react-DateTimeUtilities 5.24 kB 5.244 kB ExceedsBaseline     4 bytes
office-ui-fabric-react fluentui-react-northstar-Checkbox 83.081 kB 83.079 kB BelowBaseline     -2 bytes
office-ui-fabric-react fluentui-react-northstar-Table 84.191 kB 84.188 kB BelowBaseline     -3 bytes
office-ui-fabric-react fluentui-react-northstar-Accordion 89.098 kB 89.091 kB BelowBaseline     -7 bytes
office-ui-fabric-react fluentui-react-ChoiceGroupOption 55.63 kB 55.622 kB BelowBaseline     -8 bytes
office-ui-fabric-react fluentui-react-northstar-Menu 132.522 kB 132.514 kB BelowBaseline     -8 bytes
office-ui-fabric-react fluentui-react-MarqueeSelection 70.998 kB 70.988 kB BelowBaseline     -10 bytes
office-ui-fabric-react fluentui-react-Divider 17.49 kB 17.48 kB BelowBaseline     -10 bytes
office-ui-fabric-react fluentui-react-Icons 65.372 kB 65.361 kB BelowBaseline     -11 bytes
office-ui-fabric-react fluentui-react-Modal 88.663 kB 88.652 kB BelowBaseline     -11 bytes
office-ui-fabric-react fluentui-react-Callout 78.016 kB 78.005 kB BelowBaseline     -11 bytes
office-ui-fabric-react fluentui-react-Autofill 14.99 kB 14.978 kB BelowBaseline     -12 bytes
office-ui-fabric-react fluentui-react-Popup 12.021 kB 12.009 kB BelowBaseline     -12 bytes
office-ui-fabric-react fluentui-react-ResizeGroup 13.275 kB 13.263 kB BelowBaseline     -12 bytes
office-ui-fabric-react fluentui-react-Shimmer 46.672 kB 46.66 kB BelowBaseline     -12 bytes
office-ui-fabric-react fluentui-react-Separator 33.04 kB 33.028 kB BelowBaseline     -12 bytes
office-ui-fabric-react fluentui-react-Link 37.159 kB 37.144 kB BelowBaseline     -15 bytes
office-ui-fabric-react fluentui-react-northstar-Layout 78.086 kB 78.071 kB BelowBaseline     -15 bytes
office-ui-fabric-react fluentui-react-northstar-Popup 138.502 kB 138.485 kB BelowBaseline     -17 bytes
office-ui-fabric-react fluentui-react-OverflowSet 30.639 kB 30.621 kB BelowBaseline     -18 bytes
office-ui-fabric-react fluentui-react-northstar-RadioGroup 86.79 kB 86.772 kB BelowBaseline     -18 bytes
office-ui-fabric-react fluentui-react-FocusTrapZone 15.616 kB 15.597 kB BelowBaseline     -19 bytes
office-ui-fabric-react fluentui-react-northstar-Alert 91.139 kB 91.119 kB BelowBaseline     -20 bytes
office-ui-fabric-react fluentui-react-Image 43.857 kB 43.835 kB BelowBaseline     -22 bytes
office-ui-fabric-react fluentui-react-ScrollablePane 52.958 kB 52.935 kB BelowBaseline     -23 bytes
office-ui-fabric-react fluentui-react-Sticky 31.299 kB 31.276 kB BelowBaseline     -23 bytes
office-ui-fabric-react fluentui-react-northstar-Tree 91.482 kB 91.458 kB BelowBaseline     -24 bytes
office-ui-fabric-react fluentui-react-Label 36.002 kB 35.978 kB BelowBaseline     -24 bytes
office-ui-fabric-react fluentui-react-Check 50.107 kB 50.083 kB BelowBaseline     -24 bytes
office-ui-fabric-react fluentui-react-Icon 48.801 kB 48.777 kB BelowBaseline     -24 bytes
office-ui-fabric-react fluentui-react-PersonaPresence 54.943 kB 54.919 kB BelowBaseline     -24 bytes
office-ui-fabric-react fluentui-react-northstar-Attachment 90.382 kB 90.357 kB BelowBaseline     -25 bytes
office-ui-fabric-react fluentui-react-ActivityItem 67.85 kB 67.824 kB BelowBaseline     -26 bytes
office-ui-fabric-react fluentui-react-Spinner 39.332 kB 39.306 kB BelowBaseline     -26 bytes
office-ui-fabric-react fluentui-react-Selection 40.865 kB 40.838 kB BelowBaseline     -27 bytes
office-ui-fabric-react fluentui-react-northstar-Portal 59.853 kB 59.825 kB BelowBaseline     -28 bytes
office-ui-fabric-react fluentui-react-Overlay 38.44 kB 38.412 kB BelowBaseline     -28 bytes
office-ui-fabric-react fluentui-react-Announced 36.132 kB 36.104 kB BelowBaseline     -28 bytes
office-ui-fabric-react fluentui-react-Viewport 22.837 kB 22.808 kB BelowBaseline     -29 bytes
office-ui-fabric-react fluentui-react-Fabric 39.407 kB 39.378 kB BelowBaseline     -29 bytes
office-ui-fabric-react fluentui-react-Utilities 71.283 kB 71.253 kB BelowBaseline     -30 bytes
office-ui-fabric-react fluentui-react-Styling 43.708 kB 43.677 kB BelowBaseline     -31 bytes
office-ui-fabric-react fluentui-react-northstar-List 92.29 kB 92.256 kB BelowBaseline     -34 bytes
office-ui-fabric-react fluentui-react-ProgressIndicator 37.103 kB 37.065 kB BelowBaseline     -38 bytes
office-ui-fabric-react fluentui-react-Rating 77.501 kB 77.463 kB BelowBaseline     -38 bytes
office-ui-fabric-react fluentui-react-Layer 45.102 kB 45.06 kB BelowBaseline     -42 bytes
office-ui-fabric-react fluentui-react-DraggableZone 32.726 kB 32.68 kB BelowBaseline     -46 bytes
office-ui-fabric-react fluentui-react-Toggle 43.626 kB 43.578 kB BelowBaseline     -48 bytes
office-ui-fabric-react fluentui-react-ChoiceGroup 61.945 kB 61.897 kB BelowBaseline     -48 bytes
office-ui-fabric-react fluentui-react-Checkbox 56.593 kB 56.543 kB BelowBaseline     -50 bytes
office-ui-fabric-react fluentui-react-Stack 40.079 kB 40.029 kB BelowBaseline     -50 bytes
office-ui-fabric-react fluentui-react-Slider 54.142 kB 54.091 kB BelowBaseline     -51 bytes
office-ui-fabric-react fluentui-react-northstar-Dialog 117.124 kB 117.07 kB BelowBaseline     -54 bytes
office-ui-fabric-react fluentui-react-KeytipData 13.51 kB 13.456 kB BelowBaseline     -54 bytes
office-ui-fabric-react fluentui-react-northstar-Datepicker 193.699 kB 193.644 kB BelowBaseline     -55 bytes
office-ui-fabric-react fluentui-react-Text 35.631 kB 35.575 kB BelowBaseline     -56 bytes
office-ui-fabric-react fluentui-react-TextField 77.42 kB 77.362 kB BelowBaseline     -58 bytes
office-ui-fabric-react fluentui-react-ExtendedPicker 94.108 kB 94.047 kB BelowBaseline     -61 bytes
office-ui-fabric-react fluentui-react-FocusZone 52.873 kB 52.812 kB BelowBaseline     -61 bytes
office-ui-fabric-react fluentui-react-northstar-MenuButton 168.471 kB 168.395 kB BelowBaseline     -76 bytes
office-ui-fabric-react fluentui-react-List 37.684 kB 37.608 kB BelowBaseline     -76 bytes
office-ui-fabric-react fluentui-react-northstar-ItemLayout 81.089 kB 81.005 kB BelowBaseline     -84 bytes
office-ui-fabric-react fluentui-react-GroupedListV2 116.853 kB 116.761 kB BelowBaseline     -92 bytes
office-ui-fabric-react fluentui-react-GroupedList 129.162 kB 129.07 kB BelowBaseline     -92 bytes
office-ui-fabric-react fluentui-react-northstar-SplitButton 184.822 kB 184.715 kB BelowBaseline     -107 bytes
office-ui-fabric-react fluentui-react-ShimmeredDetailsList 232.925 kB 232.807 kB BelowBaseline     -118 bytes
office-ui-fabric-react fluentui-react-northstar-Carousel 109.578 kB 109.449 kB BelowBaseline     -129 bytes
office-ui-fabric-react fluentui-react-DetailsList 222.435 kB 222.304 kB BelowBaseline     -131 bytes
office-ui-fabric-react fluentui-react-northstar-Toolbar 180.998 kB 180.862 kB BelowBaseline     -136 bytes
office-ui-fabric-react fluentui-react-northstar-Chat 159.729 kB 159.463 kB BelowBaseline     -266 bytes
office-ui-fabric-react fluentui-react-northstar-Dropdown 204.131 kB 203.794 kB BelowBaseline     -337 bytes
office-ui-fabric-react fluentui-react-northstar-Provider 95.266 kB 94.924 kB BelowBaseline     -342 bytes
office-ui-fabric-react fluentui-react-northstar-Debug 11.524 kB 10.621 kB BelowBaseline     -903 bytes

ExceedsTolerance Over Tolerance (1024 B) ExceedsBaseline Over Baseline BelowBaseline Below Baseline New New Deleted  Removed 1 kB = 1000 B

Baseline commit: 8a4890f9c1dd5e7c1ed152d5b177fc59ea67405c (build)

@fabricteam
Copy link
Collaborator

fabricteam commented May 17, 2023

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-accordion
Accordion (including children components)
88.473 kB
26.754 kB
88.422 kB
26.758 kB
-51 B
4 B
react-alert
Alert
93.534 kB
22.497 kB
93.479 kB
22.496 kB
-55 B
-1 B
react-avatar
Avatar
57.754 kB
15.041 kB
57.699 kB
15.038 kB
-55 B
-3 B
react-avatar
AvatarGroup
15.632 kB
6.258 kB
15.577 kB
6.259 kB
-55 B
1 B
react-avatar
AvatarGroupItem
73.968 kB
19.552 kB
73.913 kB
19.547 kB
-55 B
-5 B
react-badge
Badge
23.512 kB
7.197 kB
23.456 kB
7.195 kB
-56 B
-2 B
react-badge
CounterBadge
24.416 kB
7.506 kB
24.36 kB
7.504 kB
-56 B
-2 B
react-badge
PresenceBadge
32.094 kB
8.367 kB
32.038 kB
8.366 kB
-56 B
-1 B
react-button
Button
36.724 kB
9.458 kB
36.672 kB
9.462 kB
-52 B
4 B
react-button
CompoundButton
43.873 kB
10.939 kB
43.818 kB
10.938 kB
-55 B
-1 B
react-button
MenuButton
41.411 kB
10.791 kB
41.358 kB
10.788 kB
-53 B
-3 B
react-button
SplitButton
49.635 kB
12.364 kB
49.579 kB
12.366 kB
-56 B
2 B
react-button
ToggleButton
55.01 kB
11.4 kB
54.955 kB
11.4 kB
-55 B
react-card
Card - All
88.428 kB
25.004 kB
88.377 kB
25.006 kB
-51 B
2 B
react-card
Card
83.363 kB
23.556 kB
83.312 kB
23.559 kB
-51 B
3 B
react-card
CardFooter
9.158 kB
3.844 kB
9.1 kB
3.841 kB
-58 B
-3 B
react-card
CardHeader
11.048 kB
4.538 kB
10.992 kB
4.536 kB
-56 B
-2 B
react-card
CardPreview
9.963 kB
4.192 kB
9.905 kB
4.191 kB
-58 B
-1 B
react-checkbox
Checkbox
34.413 kB
10.827 kB
34.357 kB
10.821 kB
-56 B
-6 B
react-combobox
Combobox (including child components)
87.558 kB
28.17 kB
87.638 kB
28.201 kB
80 B
31 B
react-combobox
Dropdown (including child components)
85.942 kB
27.78 kB
85.974 kB
27.801 kB
32 B
21 B
react-components
react-components: Button, FluentProvider & webLightTheme
64.855 kB
17.852 kB
64.8 kB
17.852 kB
-55 B
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
206.252 kB
57.786 kB
206.253 kB
57.837 kB
1 B
51 B
react-components
react-components: FluentProvider & webLightTheme
36.086 kB
11.9 kB
36.035 kB
11.904 kB
-51 B
4 B
react-datepicker-compat
DatePicker Compat
221.766 kB
58.962 kB
222.465 kB
59.15 kB
699 B
188 B
react-dialog
Dialog (including children components)
92.035 kB
27.441 kB
91.984 kB
27.448 kB
-51 B
7 B
react-divider
Divider
17.399 kB
6.298 kB
17.344 kB
6.297 kB
-55 B
-1 B
react-field
Field
18.864 kB
7.004 kB
18.803 kB
7.027 kB
-61 B
23 B
react-image
Image
11.479 kB
4.573 kB
11.421 kB
4.574 kB
-58 B
1 B
react-infobutton
InfoButton
129.998 kB
39.697 kB
129.999 kB
39.71 kB
1 B
13 B
react-infobutton
InfoLabel
133.467 kB
40.756 kB
133.464 kB
40.789 kB
-3 B
33 B
react-input
Input
24.167 kB
7.719 kB
24.113 kB
7.722 kB
-54 B
3 B
react-label
Label
10.104 kB
4.185 kB
10.046 kB
4.186 kB
-58 B
1 B
react-link
Link
12.304 kB
5.061 kB
12.246 kB
5.063 kB
-58 B
2 B
react-menu
Menu (including children components)
130.699 kB
39.86 kB
130.716 kB
39.887 kB
17 B
27 B
react-menu
Menu (including selectable components)
133.683 kB
40.381 kB
133.7 kB
40.405 kB
17 B
24 B
react-persona
Persona
64.675 kB
16.968 kB
64.62 kB
16.964 kB
-55 B
-4 B
react-popover
Popover
116.974 kB
36.047 kB
116.996 kB
36.079 kB
22 B
32 B
react-portal
Portal
11.649 kB
4.262 kB
11.591 kB
4.261 kB
-58 B
-1 B
react-portal-compat
PortalCompatProvider
6.446 kB
2.186 kB
6.473 kB
2.196 kB
27 B
10 B
react-positioning
usePositioning
24.17 kB
8.838 kB
24.249 kB
8.856 kB
79 B
18 B
react-progress
ProgressBar
13.856 kB
5.434 kB
13.798 kB
5.432 kB
-58 B
-2 B
react-provider
FluentProvider
18.033 kB
6.666 kB
17.982 kB
6.667 kB
-51 B
1 B
react-radio
Radio
27.282 kB
8.661 kB
27.226 kB
8.656 kB
-56 B
-5 B
react-radio
RadioGroup
11.312 kB
4.71 kB
11.257 kB
4.712 kB
-55 B
2 B
react-select
Select
25.357 kB
8.798 kB
25.301 kB
8.795 kB
-56 B
-3 B
react-slider
Slider
34.308 kB
11.063 kB
34.253 kB
11.063 kB
-55 B
react-spinbutton
SpinButton
34.079 kB
10.372 kB
34.023 kB
10.375 kB
-56 B
3 B
react-spinner
Spinner
21.284 kB
6.965 kB
21.229 kB
6.965 kB
-55 B
react-switch
Switch
29.806 kB
9.274 kB
29.75 kB
9.27 kB
-56 B
-4 B
react-table
DataGrid
150.615 kB
41.4 kB
150.626 kB
41.441 kB
11 B
41 B
react-table
Table (Primitives only)
45.09 kB
12.527 kB
45.035 kB
12.527 kB
-55 B
react-table
Table as DataGrid
133.169 kB
33.926 kB
133.118 kB
33.923 kB
-51 B
-3 B
react-table
Table (Selection only)
78.943 kB
19.333 kB
78.888 kB
19.33 kB
-55 B
-3 B
react-table
Table (Sort only)
78.273 kB
19.144 kB
78.218 kB
19.142 kB
-55 B
-2 B
react-tags
Tag
21.99 kB
7.887 kB
21.934 kB
7.893 kB
-56 B
6 B
react-text
Text - Default
12.492 kB
4.92 kB
12.434 kB
4.919 kB
-58 B
-1 B
react-text
Text - Wrappers
15.624 kB
5.232 kB
15.58 kB
5.236 kB
-44 B
4 B
react-textarea
Textarea
27.673 kB
9.089 kB
27.617 kB
9.089 kB
-56 B
react-tooltip
Tooltip
47.015 kB
16.456 kB
47.034 kB
16.485 kB
19 B
29 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
global-context
createContext
533 B
341 B
global-context
createContextSelector
560 B
352 B
priority-overflow
createOverflowManager
3.194 kB
1.315 kB
react-overflow
hooks only
11.214 kB
4.271 kB
react-theme
Single theme token import
69 B
89 B
react-theme
Teams: all themes
31.33 kB
6.764 kB
react-theme
Teams: Light theme
17.895 kB
5.162 kB
react-utilities
SSRProvider
180 B
159 B
🤖 This report was generated against 8a4890f9c1dd5e7c1ed152d5b177fc59ea67405c

@fabricteam
Copy link
Collaborator

fabricteam commented May 17, 2023

🕵 FluentUI-v0 No visual regressions between this PR and main

@fabricteam
Copy link
Collaborator

fabricteam commented May 17, 2023

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 568 606 5000
Button mount 291 303 5000
Field mount 1016 1023 5000
FluentProvider mount 669 651 5000
FluentProviderWithTheme mount 74 79 10
FluentProviderWithTheme virtual-rerender 72 63 10
FluentProviderWithTheme virtual-rerender-with-unmount 74 70 10
InfoButton mount 8 15 5000
MakeStyles mount 849 830 50000
Persona mount 1637 1568 5000
SpinButton mount 1237 1270 5000

@fabricteam
Copy link
Collaborator

fabricteam commented May 17, 2023

🕵 fluentuiv9 No visual regressions between this PR and main

@fabricteam
Copy link
Collaborator

fabricteam commented May 17, 2023

Perf Analysis (@fluentui/react-northstar)

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
FormMinimalPerf.default 240 220 1.09:1
ImageMinimalPerf.default 228 213 1.07:1
AvatarMinimalPerf.default 112 106 1.06:1
ButtonMinimalPerf.default 91 86 1.06:1
ButtonSlotsPerf.default 325 307 1.06:1
ListCommonPerf.default 394 373 1.06:1
ListWith60ListItems.default 368 347 1.06:1
MenuMinimalPerf.default 532 504 1.06:1
PortalMinimalPerf.default 89 84 1.06:1
TextMinimalPerf.default 204 193 1.06:1
HeaderMinimalPerf.default 215 205 1.05:1
ListNestedPerf.default 325 310 1.05:1
TableMinimalPerf.default 239 228 1.05:1
ButtonOverridesMissPerf.default 652 629 1.04:1
DividerMinimalPerf.default 214 205 1.04:1
ProviderMinimalPerf.default 201 194 1.04:1
ChatDuplicateMessagesPerf.default 155 150 1.03:1
EmbedMinimalPerf.default 1762 1717 1.03:1
ProviderMergeThemesPerf.default 688 666 1.03:1
AttachmentMinimalPerf.default 85 83 1.02:1
AttachmentSlotsPerf.default 638 628 1.02:1
ChatMinimalPerf.default 434 426 1.02:1
DialogMinimalPerf.default 457 447 1.02:1
DropdownMinimalPerf.default 1411 1385 1.02:1
LabelMinimalPerf.default 226 221 1.02:1
ReactionMinimalPerf.default 211 206 1.02:1
SkeletonMinimalPerf.default 194 190 1.02:1
SliderMinimalPerf.default 697 682 1.02:1
TableManyItemsPerf.default 1137 1118 1.02:1
TooltipMinimalPerf.default 1254 1227 1.02:1
VideoMinimalPerf.default 434 426 1.02:1
AlertMinimalPerf.default 155 154 1.01:1
AnimationMinimalPerf.default 302 299 1.01:1
FlexMinimalPerf.default 151 150 1.01:1
ItemLayoutMinimalPerf.default 706 701 1.01:1
LayoutMinimalPerf.default 207 204 1.01:1
ListMinimalPerf.default 312 308 1.01:1
MenuButtonMinimalPerf.default 956 948 1.01:1
SplitButtonMinimalPerf.default 2270 2247 1.01:1
DatepickerMinimalPerf.default 3641 3630 1:1
HeaderSlotsPerf.default 472 472 1:1
PopupMinimalPerf.default 347 347 1:1
RadioGroupMinimalPerf.default 266 265 1:1
SegmentMinimalPerf.default 196 196 1:1
CustomToolbarPrototype.default 1449 1443 1:1
CardMinimalPerf.default 306 310 0.99:1
DropdownManyItemsPerf.default 394 396 0.99:1
GridMinimalPerf.default 191 192 0.99:1
InputMinimalPerf.default 531 538 0.99:1
RosterPerf.default 1547 1568 0.99:1
ToolbarMinimalPerf.default 535 540 0.99:1
AccordionMinimalPerf.default 80 82 0.98:1
BoxMinimalPerf.default 189 193 0.98:1
CarouselMinimalPerf.default 255 260 0.98:1
ChatWithPopoverPerf.default 192 195 0.98:1
CheckboxMinimalPerf.default 1139 1157 0.98:1
StatusMinimalPerf.default 397 404 0.98:1
IconMinimalPerf.default 384 390 0.98:1
TreeMinimalPerf.default 466 477 0.98:1
TreeWith60ListItems.default 83 85 0.98:1
TextAreaMinimalPerf.default 284 296 0.96:1
LoaderMinimalPerf.default 192 203 0.95:1
RefMinimalPerf.default 102 108 0.94:1

@fabricteam
Copy link
Collaborator

fabricteam commented May 17, 2023

Perf Analysis (@fluentui/react)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
BaseButton mount 634 619 5000
Breadcrumb mount 1656 1664 1000
Checkbox mount 1670 1646 5000
CheckboxBase mount 1474 1478 5000
ChoiceGroup mount 2914 2914 5000
ComboBox mount 644 652 1000
CommandBar mount 6174 6187 1000
ContextualMenu mount 11494 11771 1000
DefaultButton mount 760 758 5000
DetailsRow mount 2195 2163 5000
DetailsRowFast mount 2153 2173 5000
DetailsRowNoStyles mount 1983 2004 5000
Dialog mount 2621 2795 1000
DocumentCardTitle mount 221 225 1000
Dropdown mount 1948 1982 5000
FocusTrapZone mount 1094 1090 5000
FocusZone mount 1044 1022 5000
GroupedList mount 40863 41042 2
GroupedList virtual-rerender 19790 19667 2
GroupedList virtual-rerender-with-unmount 50180 50157 2
GroupedListV2 mount 220 211 2
GroupedListV2 virtual-rerender 207 210 2
GroupedListV2 virtual-rerender-with-unmount 221 218 2
IconButton mount 1095 1044 5000
Label mount 326 339 5000
Layer mount 2658 2670 5000
Link mount 379 387 5000
MenuButton mount 917 911 5000
MessageBar mount 21702 21422 5000
Nav mount 1906 1940 1000
OverflowSet mount 776 774 5000
Panel mount 1758 1760 1000
Persona mount 752 730 1000
Pivot mount 876 877 1000
PrimaryButton mount 823 845 5000
Rating mount 4548 4605 5000
SearchBox mount 894 908 5000
Shimmer mount 1822 1839 5000
Slider mount 1336 1366 5000
SpinButton mount 2817 2830 5000
Spinner mount 385 392 5000
SplitButton mount 1777 1807 5000
Stack mount 416 403 5000
StackWithIntrinsicChildren mount 853 852 5000
StackWithTextChildren mount 2648 2641 5000
SwatchColorPicker mount 6012 6005 5000
TagPicker mount 1414 1411 5000
Text mount 376 386 5000
TextField mount 937 896 5000
ThemeProvider mount 824 823 5000
ThemeProvider virtual-rerender 580 583 5000
ThemeProvider virtual-rerender-with-unmount 1268 1276 5000
Toggle mount 608 624 5000
buttonNative mount 190 192 5000

@Hotell Hotell force-pushed the hotell/build/nx/migrate-to-14 branch from 156f0d3 to 1975daa Compare May 18, 2023 08:40
@Hotell Hotell changed the title chore: migrate to nx 14 chore: migrate to nx 14 -> 15.6.3 May 18, 2023
@Hotell Hotell changed the title chore: migrate to nx 14 -> 15.6.3 chore: migrate from nx 13 to 15.6.3 May 18, 2023
@Hotell Hotell marked this pull request as ready for review May 18, 2023 13:26
@Hotell Hotell requested review from a team, JustSlone, jurokapsiar and tudorpopams as code owners May 18, 2023 13:26
@Hotell Hotell requested a review from ling1726 May 18, 2023 13:27
@Hotell
Copy link
Contributor Author

Hotell commented May 19, 2023

there's a lot of bundle-size changes within packages - I troubleshooted the root cause and is webpack bump.

some packages got significant size increase , some get decrease. Not really sure what our recommended approach is as this bundle metric can get deltas caused by us and by bundler ( which is out of our control ).

IMO this size increases in some cases shouldn't block us from bumping.

Diff for react-image bundle (only actual regressions)

diff-snapshots.zip

image image image image image

@Hotell Hotell force-pushed the hotell/build/nx/migrate-to-14 branch from b7ae526 to 34c16ea Compare May 22, 2023 10:56
@Hotell Hotell force-pushed the hotell/build/nx/migrate-to-14 branch from 34c16ea to afff49b Compare May 26, 2023 12:02
@fabricteam
Copy link
Collaborator

fabricteam commented May 26, 2023

🕵 fluentuiv8 No visual regressions between this PR and main

@Hotell Hotell force-pushed the hotell/build/nx/migrate-to-14 branch from afff49b to c34ff8e Compare May 29, 2023 10:37
@Hotell
Copy link
Contributor Author

Hotell commented May 29, 2023

/azp run

@azure-pipelines
Copy link

Azure Pipelines successfully started running 4 pipeline(s).

@Hotell Hotell merged commit e95ec0f into microsoft:master May 29, 2023
@Hotell Hotell deleted the hotell/build/nx/migrate-to-14 branch May 29, 2023 12:10
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants